<template>
	<div class="card">
		<div class="tit">{{ title }}</div>
		<slot></slot>
	</div>
</template>
<script setup>
defineProps(["title"]);
</script>
<style lang="scss" scope>
.card {
	width: 100%;
	height: 100%;
	background: linear-gradient(360deg, #0a273e 0%, rgba(3, 13, 23, 0) 100%);
	border-radius: 0px 0px 0px 0px;
	display: flex;
	flex-direction: column;
	& > .tit {
		width: 100%;
		height: 35px;
		line-height: 30px;
		padding-left: 24px;
		background: url(@/assets/homeLeftImg/titbg.png) center center;
		background-size: 100% 100%;

		font-weight: bold;
		font-size: 18px;
		color: #ffffff;
	}
	& > div:nth-child(2) {
		flex: 1;
		overflow: hidden;
		border: 1px solid red;
	}
}
</style>
